const { defineConfig } = require('@vue/cli-service')
// path 是 node 的内置模块
const path = require('path')
// __dirname 是 node 内置变量 ，总是指向被执行 js 的绝对路径
// path.join 是 path 的自带方法 可以用来拼接路径
const resolve = dir => path.join(__dirname, dir)
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    host: 'localhost',
    port: 8080
  },
  runtimeCompiler: true,
  chainWebpack: config => {
    // @符号替代src
    config.resolve.alias.set('@', resolve('src'))
  },
  // 配置scss文件全局变量
  css: {
    loaderOptions: {
      // 没有分号会报错
      sass: {
        // data: '@import "@/assets/css/vars.scss";' //旧版sass-loader写法(8.0以下)
        // prependData: `@import "~@/assets/css/base.scss";` //新版scss-loader(8.0及以上)
        additionalData: `@import "~@/assets/css/base.scss";` //新版scss-loader(9.0及以上)
      }
    }
  },
})
